import React from 'react';
import { View, Text, } from '@tarojs/components';
import { GStyleSheet, DynamicColors } from '@/utils/DarkMode';

interface IProps {
  text: string;
  ponit?: boolean;
}

const dstyles = GStyleSheet.create({
  contains: {
    textAlign: 'left',
    alignItems: 'center',
  },
  point: {
    color: '#ff0012',
    fontSize: 25
  },
  text: {
    color: DynamicColors.subTitleTextColor,
    fontSize: 14,
    // lineHeight: 19,
  }
});

const TipItem: React.FC<IProps> =
  ({ text, ponit = true }) => {
    const styles = dstyles.useDynamicStyle();
    return (
      <View>
        <Text style={styles.contains}>
          {ponit ? <Text style={styles.point}>•  </Text> : null}
          <Text style={styles.text}>{text}</Text>
        </Text>
      </View>
    );
  };

export default TipItem;
